<template>
  <div class="mt15 mb15">
    <el-card class="box-card mb15">
      <div slot="header" class="clearfix">
        <span class="f16 fb"><i class="el-icon-receiving fb f18 text-blue mr5" /></i>招聘漏斗</span>
      </div>
      <recruit-funnel />
    </el-card>
    <el-row :gutter="15" class="panel-group">
      <el-col :xs="24" :sm="24" :lg="12" class="card-panel-col">
        <div class="wrap mb15">
          <el-card class="box-card">
            <div slot="header" class="clearfix">
              <span class="f16 fb"><i class="el-icon-s-data fb f18 text-blue mr5" />流失淘汰环节分析</span>
            </div>
            <flow-bar />
          </el-card>
        </div>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="12" class="card-panel-col">
        <div class="wrap mb15">
          <el-card class="box-card">
            <div slot="header" class="clearfix">
              <span class="f16 fb"><i class="el-icon-s-data fb f18 text-blue mr5" />初筛淘汰环节分析</span>
            </div>
            <preliminary-select-bar />
          </el-card>
        </div>
      </el-col>
    </el-row>

  </div>
</template>

<script>
import recruitFunnel from './widget/recruitFunnel.vue'
import flowBar from './widget/flowBar.vue'
import preliminarySelectBar from './widget/preliminarySelectBar.vue'

export default {
  components: {
    recruitFunnel,
    flowBar,
    preliminarySelectBar
  },
  methods: {
  }
}
</script>

<style>
</style>
